<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp" %>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <!--我的收藏-->
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="format-detection" content="telephone=no"/>
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0,  maximum-scale=1.0"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
    <link rel="stylesheet" type="text/css" href="${ctxStatic}/shopcartstatic/css/public.css" charset="utf-8 "/>
    <link rel="stylesheet " type="text/css " href="${ctxStatic}/shopcartstatic/css/personal/collections.css "
          charset="utf-8 "/>
    <script src="${ctxStatic}/shopcartstatic/js/jquery-1.6.2.min.js "></script>
    <script type="text/javascript">
       function del(id){
           if(window.confirm("确认要删除该商品吗？")){
               window.location.href="/shop/client/collectionsdel?id="+id;
           }
       }
    </script>
</head>

<body style="height:auto">
<div class="top1">
    <div class="top2">
        <a href="Javascript:history.go(-1)"><span class="top3">返回</span></a>
    </div>
    <div class="top4">我的收藏</div>
</div>
<div class="div_w"></div>
<c:forEach items="${list}" var="a" varStatus="index">
<a onclick="">
    <div style="width: 100%;height:auto;" class="clearfix">
        <div style="float: left;width: 30%;height:20%;" class="clearfix">
            <img src="${a.product.img}"
                 style="     width: 90%;height: 74%;margin-left: 7%;margin-top: 15px;">
        </div>

        <div style="float: right;width:70%;height:20%;" class="clearfix">

            <div style="position:relative;float: left;width:68%;height:79%; margin-top: 15px;margin-left: 5px" class="clearfix">
                <span style="float: left;width: 97%;height: 60%;font-size: 16px;letter-spacing: 1px;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;">${a.product.name}</span>
                <span style="position: absolute;top: 78px;left: 0;font-size: 20px;color: #4ccced;">${a.product.brand}</span>
            </div>

            <div style="float: left;width:28%;height:50%;" class="clearfix">
                <span style="float: left;width:100%;height:50%;font-size:18px;    margin-top: 35px;font-weight:bold;color:red;">￥${a.product.price}</span>
                <img style="width: 40%;margin-left: 12px;margin-top: 13px;"
                     src="${ctxStatic}/shopcartstatic/images/shanchu.png" onclick="del('${a.id}')"
                >

            </div>

        </div>
        <div style="width: 100%; border-top: 1.5px solid #e5e5e5; float: left; "></div>
    </div>
</a>
</c:forEach>
</body>

</html>